<template name="skeleton">
	<view class="sk-container">
		<view class="content">
			<view class="member-banner sk-transparent sk-text-14-2857-399 sk-text"> 会员充值入口 </view>
			<view class="instant-buy">
				<view class="instant-buy-top sk-image">
					<view class="instant-buy-top-titie sk-transparent sk-text-5-8824-791 sk-text"> 整点秒杀 </view>
					<view class="instant-buy-top-item">
						<view class="sk-transparent sk-text-14-2857-812 sk-text">7:00</view>
						<view class="instant-buy-top-ing sk-transparent sk-text-14-2857-166 sk-text">已结束</view>
					</view>
					<view class="instant-buy-top-item">
						<view class="sk-transparent sk-text-14-2857-907 sk-text">8:00</view>
						<view class="instant-buy-top-ing sk-transparent sk-text-14-2857-703 sk-text">已结束</view>
					</view>
					<view class="instant-buy-top-item select">
						<view class="sk-transparent sk-text-14-2857-173 sk-text">9:00</view>
						<view class="instant-buy-top-ing sk-transparent sk-text-14-2857-609 sk-text">进行中</view>
					</view>
					<view class="instant-buy-top-item">
						<view class="sk-transparent sk-text-14-2857-630 sk-text">10:00</view>
						<view class="instant-buy-top-ing sk-transparent sk-text-14-2857-535 sk-text">未开始</view>
					</view>
					<view class="instant-buy-top-item">
						<view class="sk-transparent sk-text-14-2857-438 sk-text">11:00</view>
						<view class="instant-buy-top-ing sk-transparent sk-text-14-2857-768 sk-text">未开始</view>
					</view>
					<view class="instant-buy-top-more sk-transparent"> 更多
						<view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
							<text
								class="uni-icons icons--uni-icons uniui-right icons--uniui-right sk-pseudo sk-pseudo-circle"
								style="color:#fff;font-size:20px"></text>
						</view>
					</view>
				</view>
				<swiper autoplay="false" circular="true" indicator-active-color="#9f63af" indicator-dots="true"
					interval="3000" style="height:170px" current="0">
					<swiper-item class="instant-buy-swiper"
						style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
						<view class="instant-buy-swiper-item">
							<view class="instant-img">
								<image mode="heightFix" style="width: 111.05px;" class="sk-image"></image>
							</view>
							<view class="instant-info">
								<view class="instant-title sk-transparent sk-text-17-6471-966 sk-text">九河原生态山泉米</view>
								<view class="instant-price sk-transparent"> ￥27.00
									<text class="instant-num sk-transparent sk-text-32-3529-154 sk-text">仅剩0件</text>
								</view>
								<view class="instant-price-old sk-transparent sk-text-14-2857-628 sk-text"
									style="text-decoration-color: transparent;"> ￥50.00</view>
							</view>
						</view>
						<view class="instant-buy-swiper-item">
							<view class="instant-img">
								<image mode="heightFix" style="width: 96px;" class="sk-image"></image>
							</view>
							<view class="instant-info">
								<view class="instant-title sk-transparent sk-text-17-6471-565 sk-text">艾逗王子Q弹豆干</view>
								<view class="instant-price sk-transparent"> ￥17.00
									<text class="instant-num sk-transparent sk-text-32-3529-209 sk-text">仅剩5件</text>
								</view>
								<view class="instant-price-old sk-transparent sk-text-14-2857-881 sk-text"
									style="text-decoration-color: transparent;"> ￥19.00</view>
							</view>
						</view>
						<view class="instant-buy-swiper-item">
							<view class="instant-img">
								<image mode="heightFix" style="width: 72px;" class="sk-image"></image>
							</view>
							<view class="instant-info">
								<view class="instant-title sk-transparent sk-text-17-6471-217 sk-text">老金沟黑蜂黄菠萝蜜</view>
								<view class="instant-price sk-transparent"> ￥15.00
									<text class="instant-num sk-transparent sk-text-32-3529-765 sk-text">仅剩0件</text>
								</view>
								<view class="instant-price-old sk-transparent sk-text-14-2857-857 sk-text"
									style="text-decoration-color: transparent;"> ￥30.00</view>
							</view>
						</view>
					</swiper-item>
					<swiper-item class="instant-buy-swiper"
						style="position: absolute; width: 100%; height: 100%; transform: translate(-100%, 0px) translateZ(0px);">
						<view class="instant-buy-swiper-item">
							<view class="instant-img">
								<image mode="heightFix" style="width: 96px;" class="sk-image"></image>
							</view>
							<view class="instant-info">
								<view class="instant-title sk-transparent sk-text-17-6471-492 sk-text">菹花园酸菜丝（东北发酵酸菜）
								</view>
								<view class="instant-price sk-transparent"> ￥20.00
									<text class="instant-num sk-transparent sk-text-32-3529-622 sk-text">仅剩0件</text>
								</view>
								<view class="instant-price-old sk-transparent sk-text-14-2857-332 sk-text"
									style="text-decoration-color: transparent;"> ￥19.50</view>
							</view>
						</view>
						<view class="instant-buy-swiper-item">
							<view class="instant-img">
								<image mode="heightFix" style="width: 63.96px;" class="sk-image"></image>
							</view>
							<view class="instant-info">
								<view class="instant-title sk-transparent sk-text-17-6471-727 sk-text">庆安大高粱酒七0八0</view>
								<view class="instant-price sk-transparent"> ￥20.00
									<text class="instant-num sk-transparent sk-text-32-3529-846 sk-text">仅剩9件</text>
								</view>
								<view class="instant-price-old sk-transparent sk-text-14-2857-683 sk-text"
									style="text-decoration-color: transparent;"> ￥40.00</view>
							</view>
						</view>
						<view class="instant-buy-swiper-item">
							<view class="instant-img">
								<image mode="heightFix" style="width: 72px;" class="sk-image"></image>
							</view>
							<view class="instant-info">
								<view class="instant-title sk-transparent sk-text-17-6471-318 sk-text">洗衣皂浆</view>
								<view class="instant-price sk-transparent"> ￥10.00
									<text class="instant-num sk-transparent sk-text-32-3529-255 sk-text">仅剩0件</text>
								</view>
								<view class="instant-price-old sk-transparent sk-text-14-2857-255 sk-text"
									style="text-decoration-color: transparent;"> ￥20.00</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view>
			<view class="buy-area-card">
				<view class="card-title sk-image">
					<view class="left sk-transparent sk-text-27-9412-353 sk-text"> 畅销区 </view>
					<view class="right sk-transparent"> 查看更多
						<view is="uni_modules/uni-icons/components/uni-icons/uni-icons">
							<text
								class="uni-icons icons--uni-icons uniui-right icons--uniui-right sk-pseudo sk-pseudo-circle"
								style="color:#fff;font-size:20px"></text>
						</view>
					</view>
				</view>
				<view class="goods-card-box">
					<view class="goods-item-card">
						<view class="goods-item-img">
							<image mode="aspectFit" class="sk-image"></image>
						</view>
					</view>
					<view class="goods-item-card">
						<view class="goods-item-img">
							<image mode="aspectFit" class="sk-image"></image>
						</view>
					</view>
					<view class="goods-item-card">
						<view class="goods-item-img">
							<image mode="aspectFit" class="sk-image"></image>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>



<style scoped>
	.sk-transparent {
		color: transparent !important;
	}

	.sk-text-14-2857-399 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 45.9375rpx;
		position: relative !important;
	}

	.sk-text {
		background-origin: content-box !important;
		background-clip: content-box !important;
		background-color: transparent !important;
		color: transparent !important;
		background-repeat: repeat-y !important;
	}

	.sk-text-5-8824-791 {
		background-image: linear-gradient(transparent 5.8824%, #EEEEEE 0%, #EEEEEE 94.1176%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-14-2857-812 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-166 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-907 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-703 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-173 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-609 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-630 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-535 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-438 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-14-2857-768 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 36.0938rpx;
		position: relative !important;
	}

	.sk-text-17-6471-966 {
		background-image: linear-gradient(transparent 17.6471%, #EEEEEE 0%, #EEEEEE 82.3529%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-32-3529-154 {
		background-image: linear-gradient(transparent 32.3529%, #EEEEEE 0%, #EEEEEE 67.6471%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-14-2857-628 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 22.9687rpx;
		position: relative !important;
	}

	.sk-text-17-6471-565 {
		background-image: linear-gradient(transparent 17.6471%, #EEEEEE 0%, #EEEEEE 82.3529%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-32-3529-209 {
		background-image: linear-gradient(transparent 32.3529%, #EEEEEE 0%, #EEEEEE 67.6471%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-14-2857-881 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 22.9687rpx;
		position: relative !important;
	}

	.sk-text-17-6471-217 {
		background-image: linear-gradient(transparent 17.6471%, #EEEEEE 0%, #EEEEEE 82.3529%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-32-3529-765 {
		background-image: linear-gradient(transparent 32.3529%, #EEEEEE 0%, #EEEEEE 67.6471%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-14-2857-857 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 22.9687rpx;
		position: relative !important;
	}

	.sk-text-17-6471-492 {
		background-image: linear-gradient(transparent 17.6471%, #EEEEEE 0%, #EEEEEE 82.3529%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-32-3529-622 {
		background-image: linear-gradient(transparent 32.3529%, #EEEEEE 0%, #EEEEEE 67.6471%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-14-2857-332 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 22.9687rpx;
		position: relative !important;
	}

	.sk-text-17-6471-727 {
		background-image: linear-gradient(transparent 17.6471%, #EEEEEE 0%, #EEEEEE 82.3529%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-32-3529-846 {
		background-image: linear-gradient(transparent 32.3529%, #EEEEEE 0%, #EEEEEE 67.6471%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-14-2857-683 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 22.9687rpx;
		position: relative !important;
	}

	.sk-text-17-6471-318 {
		background-image: linear-gradient(transparent 17.6471%, #EEEEEE 0%, #EEEEEE 82.3529%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-32-3529-255 {
		background-image: linear-gradient(transparent 32.3529%, #EEEEEE 0%, #EEEEEE 67.6471%, transparent 0%) !important;
		background-size: 100% 39.8438rpx;
		position: relative !important;
	}

	.sk-text-14-2857-255 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 22.9687rpx;
		position: relative !important;
	}

	.sk-text-27-9412-353 {
		background-image: linear-gradient(transparent 27.9412%, #EEEEEE 0%, #EEEEEE 72.0588%, transparent 0%) !important;
		background-size: 100% 79.6875rpx;
		position: relative !important;
	}

	.sk-image {
		background: #EFEFEF !important;
	}

	.sk-pseudo::before,
	.sk-pseudo::after {
		background: #EFEFEF !important;
		background-image: none !important;
		color: transparent !important;
		border-color: transparent !important;
	}

	.sk-pseudo-rect::before,
	.sk-pseudo-rect::after {
		border-radius: 0 !important;
	}

	.sk-pseudo-circle::before,
	.sk-pseudo-circle::after {
		border-radius: 50% !important;
	}

	.sk-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: transparent;
	}
</style>